<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小鹿线</title>
    <meta name="keywords" content="前端，前端技术，前端知识，前端课程，前端项目，前端代码">
    <meta name="description" content="我们这个网站主要是分享有关web前端的知识，其中有前端代码、前端项目、前端案例等等内容">
    <link rel="icon" href="/favicon.ico" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div class="header">
        <div class="nav">
            <div class="wrap u-clearfix">
                <h1 class="u-l"><img src="./images/pic_logo.png" alt=""></h1>
                <ul class="u-r u-clearfix">
                    <li class="active"><a href="index.html">首 页</a></li>
                    <li><a href="">学习路线</a></li>
                    <li><a href="curriculum.html">在线课程</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="student.html">成功就业</a></li>
                    <li><a href="about.html">关于我们</a></li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <img src="./images/pic_banner.png" alt="">
        </div>
        <div class="header-card">
            <div class="card-content u-clearfix">
                <h2 class="u-l">C4D临摹</h2>
                <ul class="u-r u-clearfix">
                    <li><img src="./images/quan.jpg" alt=""></li>
                    <li><img src="./images/start.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="mask"></div>
    </div>
    <div class="container">
        <!-- 开班计划 -->
        <div class="plan">
            <div class="content-wrap u-clearfix">
                <div class="plan-left u-l">
                    <div class="plan-card">
                        <h3>开班计划</h3>
                        <p>五大前端课程，跟随企业需求不断提升技能</p>
                    </div>
                    <div class="line">
                        <span>课程详情</span>
                    </div>
                </div>
                <div class="plan-right u-r">
                    <ul class="plan-list u-clearfix">
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>WEB前端全栈工程师</h3>
                            <p class="crowd">零基础入门</p>
                            <p class="time">开班时间：2020-05-25 09:00</p>
                            <p class="map">西安校区</p>
                            <div class="consultation"><a href="#">立即抢座</a></div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>WEB前端全栈工程师</h3>
                            <p class="crowd">零基础入门</p>
                            <p class="time">开班时间：2020-05-25 09:00</p>
                            <p class="map">西安校区</p>
                            <div class="consultation"><a href="#">立即抢座</a></div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>WEB前端全栈工程师</h3>
                            <p class="crowd">零基础入门</p>
                            <p class="time">开班时间：2020-05-25 09:00</p>
                            <p class="map">西安校区</p>
                            <div class="consultation"><a href="#">立即抢座</a></div>
                        </li>
                    </ul>
                    <ul class="course-list">
                        <li class="u-clearfix">
                            <div class="course-left u-l">
                                <div class="course-title">
                                    <h3>
                                        WEB前端企业级项目
                                    </h3>
                                    <p> WEB前端企业级项目零基础入门零基础入门立即抢座立即抢座立即抢座立即抢座立即抢座零基础入门零基础入门零基础入门零基础入门</p>
                                </div>
                                <div class="course-stage">
                                    <p>第一阶段</p>
                                </div>
                            </div>
                            <div class="course-right u-r">
                                <img src="./images/quan.jpg" alt="">
                                <a href=""></a>
                            </div>
                        </li>
                        <li class="u-clearfix">
                            <div class="course-left u-l">
                                <div class="course-title">
                                    <h3>
                                        WEB前端企业级项目
                                    </h3>
                                    <p> WEB前端企业级项目零基础入门零基础入门立即抢座立即抢座立即抢座立即抢座立即抢座零基础入门零基础入门零基础入门零基础入门</p>
                                </div>
                                <div class="course-stage">
                                    <p>第二阶段</p>
                                </div>
                            </div>
                            <div class="course-right u-r">
                                <img src="./images/start.jpg" alt="">
                                <a href=""></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 企业项目 -->
        <div class="plan">
            <div class="content-wrap u-clearfix">
                <div class="plan-left u-l">
                    <div class="plan-card">
                        <h3>开班计划</h3>
                        <p>五大前端课程，跟随企业需求不断提升技能</p>
                    </div>
                    <div class="line">
                        <span>课程详情</span>
                    </div>
                </div>
                <div class="plan-right u-r">
                    <ul class="plan-list u-clearfix">
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                    </ul>
                    <div class="plan-line"></div>
                    <ul class="plan-list u-clearfix">
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                        <li>
                            <div><img src="./images/wx.jpg" alt=""></div>
                            <h3>UNI-APP</h3>
                            <div class="plan-original">
                                <span class="original">原创</span>
                                <i class="icon i0"></i>
                                <span>5445</span>
                                <i class="icon i1"></i>
                                <span>5445</span>
                                <i class="icon i2"></i>
                                <span>5445</span>
                            </div>
                            <div class="plan-author">
                                <p><span>YIZHI</span></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer-wrap">
                <div class="footer-logo u-l">
                    <img src="./images/pic_logo.png" alt="">
                </div>
                <div class="footer-txt">
                    <ul class="u-clearfix">
                        <li><a href="">商务合作</a></li>
                        <li><a href="">意见反馈</a></li>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">版权声明</a></li>
                    </ul>
                    <p>© 2020,小鹿线保留所有权利.京ICP备18061704号-3</p>
                </div>
                <div class="u-r">
                    <ul class="qr-code u-clearfix">
                        <li>
                            <p>微信公众号</p>
                            <div><img src="./images/WechatIMG.jpeg" alt=""></div>
                        </li>
                        <li>
                            <p>微信公众号</p>
                            <div><img src="./images/WechatIMG.jpeg" alt=""></div>
                        </li>
                        <li>
                            <p>微信公众号</p>
                            <div><img src="./images/WechatIMG.jpeg" alt=""></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <noscript>
        <h2 class="no-js">您禁止了js脚本</h2>
    </noscript>
</body>

</html>